<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<title>
</title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/ui-base.css">
<link rel="stylesheet" href="css/ui-box.css">
<link rel="stylesheet" href="css/ui-color.css">
<script src="js/zy_control.js"></script>
<script src="js/zy_click.js"></script>
<script src="js/base.js"></script>
<script src="js/zy_tmpl.js"></script>
<script src="js/privateLetter.js"></script>
</head>
<style>
	.bubbleR 
{
position: relative;
min-width: 3em;
min-height: 2.5em;
padding: 0px;
background: #f0f0f0;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}

.bubbleR:after 
{
content: "";
position: absolute;
top: 0.6em;
right: -0.4em;
border-style: solid;
border-width: 0.4em 0 1.5em 1em;
border-color: transparent #f0f0f0;
display: block;
width: 0;
z-index: 1;
}

	.bubbleL
{
position: relative;
display:block;
min-height: 2.5em;
height:2.5em;
height:auto;

width:100%;
padding: 0px;
background: #abbedc;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.bubbleL:after 
{
content: "";
position: absolute;
top: 0.6em;
left: -0.4em;
border-style: solid;
border-width: 0.5em .8em .9em 0em;
border-color: transparent #abbedc;
display: block;
width: 0;
z-index: 1;
}
.radiusH{
	border-radius:2.5em;
}
.ver-c{
	text-align:center;
	
	
}
.input-c2{
		height:2em;
		line-height:2em;
		text-align:center;
		vertical-align: middle;
		 
	}
	.input-c3{
		min-height:3em;
		line-height:2em;
		text-align:center;
		vertical-align: middle;
		 
	}
	.input-c{
		height:3em;
		line-height:3em;
		text-align:center;
		vertical-align: middle;
		 
	}
	.input-c1{
		height:2.1em;
		line-height:2.1em;
		text-align:center;
		vertical-align: middle;
		  
	}
	.divc{
		text-align:center;
		vertical-align: middle;
	}
	.warp {   
  position: absolute;   
  width:2.4em;   
  height:2.1em;   
  left:50%;   
  top:50%;   
  margin-left:-1.5em;   
  margin-top:-1.05em;   
 
}   
body{
	heigth:10000px;
	
}
.ver-cc{
	
	line-height:1.5em;
	vertical-align:middle;
}
<img class=" min-w3 radiusH min-h3" src="http://t1.qlogo.cn/mbloghead/c39e95b85b1b6bcd6f84/50">
</style>
<body id="bodyContent" class="um-vp" ontouchstart>
	<div class="ub ub-ver">
		<div class="ver-c min-h2 input-c2 ub  "> 
			<div class="tx-c ub-f1 "><label class="max-w3 min-h2 t-wh " style="background-color:#cccccc;"> 02-26 20:35</label></div>
		</div>

		<div class=" ub min-h3">
			<div class="ub-f1 max-w4 ver-c " > <img class="  radiusH min-h3" src="http://t1.qlogo.cn/mbloghead/c39e95b85b1b6bcd6f84/50"></div>
			<div class="umw4 max-w13  ">
				<div class="bubbleL ulev1 ver-cc" style="padding:0.2em 0em 0em 0.4em;"> <label style="margin:1.3em;line-height:1.3em;word-break:break-all; ">
					我们去钓鱼好吗，号码，号码，去钓鱼好吗好吗
				</label></div>
			</div>
		</div>
	</div>
	<div class="ub ub-ver">
		<div class="ver-c min-h2 input-c2 ub  "> 
			<div class="tx-c ub-f1 "><label class="max-w3 min-h2 t-wh " style="background-color:#cccccc;"> 02-26 20:35</label></div>
		</div>

		<div class=" ub min-h3 tx-r">
			<div class="ub-f1"></div>
			<div class="umw4 max-w13 ub-f4 ">
				<div class="bubbleR ulev1 max-w13 ver-cc" style="padding:0.2em 0.5em 0em 0.3em;"> <label style="margin:1em;line-height:1.3em;word-break:break-all; ">
					好啊啊啊啊啊啊啊啊啊
				</label></div>
			</div>
			<div class="ub-f1  max-w4 " > <img class="  radiusH min-h3" src="http://t1.qlogo.cn/mbloghead/c39e95b85b1b6bcd6f84/50"></div>
		</div>
	</div>
	
	
</body>
<script>
	
zy_init();
window.uexOnload=function(type){
	/*
uexWindow.appendf=function (){
alert('a');
	var d=document.createElement("DIV");
	d.innerHTML=tmpl;
	var content=$$("bodyContent");
	content.appendChild(d);
};
*/
	if(!type){
		uexWindow.setBounce("1");
		uexWindow.showBounceView("0","#FFF","0");
		uexWindow.showBounceView("1","#FFF","0");
	}
	if(window.localStorage["is_pullHistory"]=="true"){
		pullHistoryChatData();
	}
	
}

/*
function  appendSMS(){
	
	var d=document.createElement("DIV");

	if(parseInt(window.localStorage["left-right"])%2==0){
			d.innerHTML=tmpl_left;
	}
	else{
		d.innerHTML=tmpl_right;
	}
	var content=$$("bodyContent");
	content.appendChild(d);
	window.scrollTo(1000000,1000000);
}
*/

//下拉刷新部分的函数
 
 function set_bounce(){
	uexWindow.setBounce("1");
    setUpstyle("最后一次刷新时间:xxxx");
    uexWindow.showBounceView("0","rgba(142,201,96,30)","1");
    uexWindow.showBounceView("1","rgba(142,201,96,30)","0");
    uexWindow.notifyBounceEvent('0','1');
    uexWindow.onBounceStateChange = function(type,state){
      if(type == '0' && state == "2"){
	  	//alert("1");
		 //loadData();
      } 
	  //alert("2");
	 
    }
}

function refreshClear(){
		var divAll=$("body>div");
		divAll.remove();
		
	}
	
	 function loadData(){
    //uexWindow.toast(1,5,"loading....",2000);
    //2秒后，恢复弹动初始状态
	refreshClear();
	//alert("4");
	//loadWeiboList("Weibo");
	//alert("5");
    setTimeout(function(){uexWindow.resetBounceView('0');},1500);
  }
   function setUpstyle(ltext){
    var json_p = '{"imagePath":"res://refresh_upicon.png","textColor":"#FFF","levelText":"'+"最后一次刷新时间"+window.localStorage["refreshTimeWeibo"]+'","pullToReloadText":"下拉可以刷新","releaseToReloadText":"松开即可刷新","loadingText":"正在刷新中..."}';
    uexWindow.setBounceParams('0',json_p);
	//alert("3");
  }
</script>
</html>
